<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>验证支付</title>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/style.css"/>
    <script src="./newstyle/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
     <style type="text/css">
		.create{
			width: 100%;
			height: 100%;
			align-content: center;
			text-align: center;
		}
		.form{
			text-align: center;
			align-content: center;
			margin-top: 30px;
		}
		.table{
			width: 100%;
			height: auto;
		}
		.create input[type=button]{
			width: 75%;
			height: 60px;
			margin-right: 0px;
			font-size: 20px;
			background-color:#9999ff;
		} 
		a{color: #000;}
	</style>
    <script type="text/javascript">
    	$(window).load(function(){
    		$(".loading").addClass("loader-chanage")
    		$(".loading").fadeOut(300) 
    	})
    </script>
    	<script type="text/javascript">
			//页面跳转
			function toActivity(activityName){
				verify.toActivity(activityName);
			}
			//onActivityResult中被加载的方法---档案不存在。
			function notExist(info){
				//alert("测试："+info);
				var str="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
					"<div id='' style='padding-top: 10px;'>"+
						info+
					"</div>"+
					"<div id='' style='padding: 10px;'>"+
					"<button style='width: 40%;'onclick="+"toActivity('CreateCompleteFileActivity')"+">"+"去建档"+"</button>"+
					"<button style='width: 40%;'onclick="+"toActivity('DetailsOfSettlementActivity')"+">"+"全款支付"+"</button>"+
					"</div>"+
					"</div>";
				document.getElementById("faceVerify").innerHTML=str;
			}
			//档案被冻结
			function fileFreezing(info){
				var info="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
					"<div id='' style='padding-top: 10px;'>"+
						info+
					"</div>"+
					"<div id='' style='padding: 10px;'>"+
					"<button style='width: 40%;'>"+"全款支付"+"</button>"+
					"</div>"+
					"</div>";
				document.getElementById("faceVerify").innerHTML=info;
			}
			//验证通过-完全档
			function verifySuccess(info){
				var info="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
					"<div id='' style='padding-top: 10px;'>"+
						info+
					"</div>"+
					"<div id='' style='padding: 10px;'>"+
						"补贴规则名称"+
					"</div>"+
					"</div>";
				document.getElementById("faceVerify").innerHTML=info;
			}
			//验证通过-基本档
			function baseVerifySuccess(info){
				var info="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
					"<div id='' style='padding-top: 10px;'>"+
						info+
					"</div>"+
					"<div id='' style='padding: 5px;'>"+
						"补贴规则名称"+"<br/>"+
						"您还未创建完全档"+
						"<button style='width: 40%;'>"+"完善档案"+"</button>"+
					"</div>"+
					"</div>";
				document.getElementById("faceVerify").innerHTML=info;
			}
			//身份证识别结果
			function idcardVerifyResult(info){
					if(info=="验证通过"){
						var info="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
							"<div id='' style='padding-top: 10px;'>"+
								info+
							"</div>"+
							"<div id='' style='padding: 10px;'>"+
								"补贴规则名称"+
							"</div>"+
							"</div>";
						document.getElementById("idcardInfo").innerHTML=info;
					}else if(info=="你还未建档"){
						var str="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
							"<div id='' style='padding-top: 10px;'>"+
								info+
							"</div>"+
							"<div id='' style='padding: 10px;'>"+
							"<button style='width: 40%;'onclick="+"toActivityAndIdInfo('CreateArchivesTempActivity')"+">"+"建基本档"+"</button>"+
							"<button style='width: 40%;'onclick="+"toActivity('DetailsOfSettlementActivity')"+">"+"全款支付"+"</button>"+
							"</div>"+
							"</div>";
						document.getElementById("idcardInfo").innerHTML=str;
					}
					alert("身份证识别结果:"+info);
			}
			//养老助残卡识别结果
			function oldcardVerifyResult(info){
					if(info=="验证通过"){
						var info="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
							"<div id='' style='padding-top: 10px;'>"+
								info+
							"</div>"+
							"<div id='' style='padding: 10px;'>"+
								"补贴规则名称"+
							"</div>"+
							"</div>";
						document.getElementById("oldCardInfo").innerHTML=info;
					}else if(info=="你还未建档"){
						var str="<div style='background-color: #F7F7F7;width: 85%;height: 90px;'>"+
							"<div id='' style='padding-top: 10px;'>"+
								info+
							"</div>"+
							"<div id='' style='padding: 10px;'>"+
							"<button style='width: 40%;'onclick="+"toActivityAndOldInfo('CreateArchivesTempActivity')"+">"+"建基本档"+"</button>"+
							"<button style='width: 40%;'onclick="+"toActivity('DetailsOfSettlementActivity')"+">"+"全款支付"+"</button>"+
							"</div>"+
							"</div>";
						document.getElementById("oldCardInfo").innerHTML=str;
					}
					alert("养老助残卡识别结果:"+info);
			}

			//页面跳转
			function checkUp(){
				verify.checkUp();
			}
			//带值跳转页面toActivityAndOldInfo
			function toActivityAndIdInfo(activityName){
				//取到页面传来刷卡信息
				var info=verify.getIdCardInfo();//取到卡信息
				verify.toActivityAndIdInfo(activityName,info);//页面跳转
			}
			//带值跳转页面
			function toActivityAndOldInfo(activityName){
				//取到页面传来刷卡信息
				var info=verify.getOldCardInfo();//取到卡信息
				verify.toActivityAndOldInfo(activityName,info);//页面跳转
			}
		</script>
		
		<!--loading页开始-->
	<div class="loading">
		<div class="loader">
	        <div class="loader-inner pacman">
	          <div></div>
	          <div></div>
	          <div></div>
	          <div></div>
	          <div></div>
	        </div>
		</div>
	</div>
</head>
	<!--loading页结束-->
<body> 
	<header class="top-header fixed-header">
			<a class="icona" href="javascript:history.go(-1)"> 
			</a>
			<h3>验证支付</h3>
			<a class="iconb" href="#">
			</a>
	</header>

	<div class="contaniner fixed-cont">
		<section class="to-buy">
			<header> 
				<div class="to-now"> 
					<div class="tonow"> 
					</div> 
					<dl>
						<a href="javascript:void(0);"   onclick="toActivity('VerifyOldCardActivity')">
						<dt>
							<b><img src="./newstyle/images/footer002.png" style='width: 18px;'/>&nbsp;养老助残卡识别</b> 
						</dt>  
						<dd id="oldCardInfo"></dd>
						</a> 
					</dl>
					<h3><a href="javascript:void(0);"   onclick="toActivity('VerifyOldCardActivity')"><img src="./newstyle/images/write.png"/></a></h3>
				</div> 




				<div class="to-now"> 
					<div class="tonow"> 
					</div> 
					<dl> <a href="javascript:void(0);"  onclick="toActivity('VerifyIdCardActivity')">
							<dt>
								<b><img src="./newstyle/images/footer002.png" style='width: 18px;'/>&nbsp;身份证识别</b>  
							</dt> 
							<dd  id="idcardInfo"></dd>
							</a>
					</dl>
					<h3><a href="javascript:void(0);"  onclick="toActivity('VerifyIdCardActivity')"><img src="./newstyle/images/write.png"/></a></h3>  
				</div>


				<div class="to-now"> 
					<div class="tonow"> 
					</div> 
					<dl> <a href="javascript:void(0);"  onclick="toActivity('TakePictureActivity')">
							<dt>
								<b><img src="./newstyle/images/footer002.png" style='width: 18px;'/>&nbsp;人脸识别</b>  
							</dt> 
							<dd  id="faceVerify"></dd>
							</a>
					</dl>
					<h3><a href="javascript:void(0);"  onclick="toActivity('TakePictureActivity')"><img src="./newstyle/images/write.png"/></a></h3>  
				</div>



				<div class="to-now"> 
					<div class="tonow"> 
					</div> 
					<dl> <a href="javascript:void(0);"  onclick="toActivity('TakePictureActivity')">
							<dt>
								<b><img src="./newstyle/images/footer002.png" style='width: 18px;'/>&nbsp;拍照留存</b>  
							</dt> 
							<dd  id="pictureInfo"></dd>
							</a>
					</dl>
					<h3><a href="javascript:void(0);"  onclick="toActivity('TakePictureActivity')"><img src="./newstyle/images/write.png"/></a></h3>  
				</div>



			</header>
 
		</section>
		<!--底部不够-->
		<div style="margin-bottom: 9%;"></div>
	</div> 

	<footer class="buy-footer fixed-footer">  
				<input type="button" id="sub" value="结算" onclick="checkUp()" />
	</footer>

</body>
</html> 